<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../Template/AdminTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="content">
        <div class="content-box-header">

            <h3>EDIT ORDER</h3>

            <div class="clear"></div>

        </div> <!-- End .content-box-header UI -->

        <div class="content-box-content">
            <div class="tab-content" id="tab2">
                <!-- Message -->
                <h:panelGroup rendered="#{orderBean.message!=null}">
                    <div class="notification attention png_bg">
                        <a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
                        <div>
                            #{orderBean.message}
                        </div>
                    </div>
                </h:panelGroup>
                <!-- End Message -->

                <div class="clear"></div>

                <form action="#{orderBean.editOrder()}" method="post">
                    <fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->

                        <p>
                            <label>Oder name:</label>
                            <input class="text-input medium-input" type="text" id="medium-input" name="medium-input" value="#{orderBean.orderId}"/>
                            <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->

                        </p>

                        <p>
                            <label>Order date:</label>
                            <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" value="#{orderBean.datetime}"/>
                            <span class="input-notification error png_bg">Error message</span>
                        </p>

                        <p>
                            <label>Address customer:</label>
                            <input class="text-input medium-input" type="text" id="medium-input" name="medium-input" value="#{orderBean.shipAdd}"/> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->
                            <br /><small>Add of this customer's order</small>
                        </p>

                        <p>
                            <label>Name customer:</label>
                            <input class="text-input medium-input" type="text" id="medium-input" name="medium-input" value="#{orderBean.cusName}"/> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->

                        </p>

                        <p>
                            <label>Phone customer:</label>
                            <input class="text-input medium-input" type="text" id="medium-input" name="medium-input" value="#{orderBean.receivedPhone}"/> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->

                        </p>

                        <p>
                            <label>Select Status</label>              
                            <select name="dropdown" class="small-input">
                                <option value="option1">Not Start</option>
                                <option value="option2">Up Coming</option>
                                <option value="option3">Complete</option>
                                <option value="option4">Option 4</option>
                            </select> 
                        </p>

                        <p>
                            <label>Order Price</label>
                            <input class="text-input medium-input" type="text" id="medium-input" name="medium-input" value="#{orderBean.orderPrice}"/> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->

                        </p>

                        <p>
                            <input class="button" type="submit" value="Submit"/>
                        </p>

                    </fieldset>

                    <div class="clear"></div><!-- End .clear -->

                </form>

            </div>
            <!-- End .content-box -->
        </div>
        <!-- End .content-box -->

    </ui:define>
</ui:composition>
